<template>
  <input
  class="hminput" @blur="shi" @input="handleinput">
</template>

<script>
export default {
    // data(){
    //     return{
    //         value:''
    //     }
    // },
      props:{
        rules:{
            type:RegExp
        },
        msg:{
            type:String,
            default:'请重新检查你的用户名或者密码'
        }
    },
methods:{
    shi(e){
        // console.log(1);
        if(this.rules){
            if(!this.rules.test(e.target.value)){
                // console.log('请重新检查');
                console.log(this.msg);
            }
        }
    },
    handleinput(e){
        // this.$emit('getval',this.value)
        //v-module 只监听input事件
        this.$emit("input",e.target.value)
    }
}
}
</script>

<style lang="less">
.hminput {
  width: (318/360 * 100vw);
  height: 50px;
  border: none;
  outline: none;
  border-bottom: 2px solid #ccc;
  font-size: 18px;
}
</style>